<template>
  <div class="home">
    <nav-top></nav-top>
    <slide-show pageName="/banner?type=2" class="slide-show"></slide-show>
    <icon-list></icon-list>
    <music-list pageName="/personalized?limit=10"></music-list>
  </div>
</template>

<script lang="ts">
import { defineComponent } from 'vue'
import navTop from '@/components/home/nav_top.vue'
import slideShow from '@/components/slideShow/slide_show.vue'
import iconList from '@/components/home/iconList.vue'
import musicList from '@/components/home/musicList.vue'

export default defineComponent({
  name: 'HomeView',
  components: {
    navTop,
    slideShow,
    iconList,
    musicList
  }
})

var num = '100'
const num1 = num.slice(0, 1) + '万'
console.log(num1)
</script>
<style lang="less" scoped>
.home {
  width: 100%;
  height: 100%;
}
.slide-show {
  margin: 0 0.2rem;
  box-sizing: border-box;
  overflow: hidden;
  border: 1px solid transparent;
  border-radius: 0.2rem;
}
</style>
